@charset "utf-8";

@function px($px){
    @return (px/2);
}
$fontsize:40;
@function r($px){
    @return $px/$fontsize * 1rem;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;
    section{
        width: 100%;
        position: absolute;
        top: 0px;
        .secBox1{
            width: 100%;
            height: 200px;
            background: url(../../img/market/supplier_signbg.jpg);
            .secBox2{
                width: r(130);
                height: r(130);
                background: #FFFFFF;
                border: 5px solid #cbcfee;
                border-radius: 50%;
                margin: 0 auto;
                margin-top: -10px;
                img{
                    width: r(85);
                    height: r(85);
                    border-radius:50%;
                    margin-top: r(22);
                    margin-left: r(22);
                }
            }
            .secBox3{
                width: 100%;
                height: r(50);
                p{
                    font-size: r(40);
                    text-align: center;
                    line-height: r(50);
                    color: #83d050;
                    margin-top: r(20);
                }
            }
            .secBox4{
                width: 100%;
                height: r(30);
                p{
                    font-size: r(25);
                    text-align: center;
                    line-height: r(30);
                    color: #FFFFff;
                    margin-top: r(20);
                }
            }
            .secBox5{
                width: 100%;
                height: r(60);
                 margin-left: r(-80);
                input{
                    width: r(160);
                    height: r(60);
                    background: #83d050;
                    border-radius: 5px;
                    color: #FFFFFF;
                    text-align: center;
                    line-height: r(60);
                    margin-top: r(25);
                    margin-left: 50%;
                }
            }
        }
        
    }//secBox
    .secBox6{
        width: 100%;
        height: 45px;
        background: #FFFFFF;
        border-bottom: 1px solid#e3e3e3;
        ul{
            a{
                .secBox6-1{
                    width: r(150);
                    height: 45px;
                    float: left;
                    font-size: r(35);
                    text-align: center;
                    margin-left: r(95);
                    line-height: 45px;
                    color: #666666;
                }
                .secBox6-2{
                    width: r(150);
                    height: 45px;
                    float: right;
                    font-size: r(35);
                    text-align: center;
                    margin-right: r(85);
                    line-height: 45px;
                    color: #666666;
                }
            }
            a li:hover{
                color: #D62D31;
                border-bottom: 3px solid #D62D31;
            }
        }
    }
}
